﻿@using FrogFoot.Areas.Home.Models
@model FrogFoot.Areas.Home.Models.LoginViewModel
@{
    ViewBag.Title = "Log in";
}

<style type="text/css">
    .control-label {
        color: green;
    }

    .form-control {
        max-width: 400px;
    }

    .center {
        margin: 0 auto;
    }
</style>

<div class="row">
    <div class="col-sm-4 col-sm-offset-4 text-center">
        <h2 style="margin-top: 45px;">@ViewBag.Title</h2>
        <h4 style="color: grey; margin-bottom: 30px;">Welcome to Frogfoot Fibre.</h4>
        <section id="loginForm">
            @using (Html.BeginForm("Login", "Account", new { ReturnUrl = ViewBag.ReturnUrl }, FormMethod.Post, new { @class = "form-horizontal", role = "form" }))
            {
                @Html.AntiForgeryToken()
                @Html.ValidationSummary(true, "", new { @class = "text-danger" })
                <div class="form-group">
                    <div class="col-sm-12">
                        @Html.TextBoxFor(m => m.Email, new { @class = "form-control center", placeholder = "Email" })
                        @Html.ValidationMessageFor(m => m.Email, "", new { @class = "text-danger" })
                    </div>
                </div>
                <div class="form-group">
                    <div class="col-sm-12">
                        @Html.PasswordFor(m => m.Password, new { @class = "form-control center", placeholder = "Password" })
                        @Html.ValidationMessageFor(m => m.Password, "", new { @class = "text-danger" })
                    </div>
                </div>
                <div class="form-group">
                    <div class="col-sm-12" style="margin-top: 15px;">
                        @Html.CheckBoxFor(m => m.RememberMe)
                        <label style="font-weight: normal;">Remember me?</label>
                        @Html.ActionLink("Forgot password?", "ForgotPassword", null, new { @style = "margin-left: 8px; color: green;" })
                    </div>
                </div>
                <div class="form-group" style="margin-top: 30px;">
                    <div class="col-sm-12">
                        <input type="submit" value="Log in" class="btn btn-success" style="width: 120px;" />
                    </div>
                </div>
                <hr style="color: grey;" />
                <div style="margin-bottom: 60px;">
                    <label style="font-weight: bolder;">Don't have an account?</label>
                    @Html.ActionLink("Register here", "Register", null, new { @style = "color: green; font-weight: bolder;" })
                </div>
            }
        </section>
    </div>
</div>

@section Scripts {
    @Scripts.Render("~/bundles/jqueryval")
}